<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>下拉选择框</title>
<script>
  function slt() {
    // 获取id为i的对象
    var obj = document.getElementById("i");
    // 获取select被选择项的索引
    var index = obj.selectedIndex;
    // 获取索引的另一种方法
    // index = document.f.n.selectedIndex;
    // 获取select对象指定索引的值
    alert(document.f.n[index].value);
  }
</script>
</head>
<body>
  <form name="f">
    <select name="n" id="i" onchange="slt()" title="select a item">
      <option value="第一项">1</option>
      <option value="第二项">2</option>
      <option value="第三项">3</option>
      <option value="第四项">4</option>
    </select>
  </form>
</body>
</html>